<!-- About Section -->
<section id="about" class="about ">
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-100"></div>
		<!-- Section Heading -->
		<div class="section-heading">
			<h1>We Are 41<span class="color">8</span>2 Design</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">unique - experienced - brilliant</p>
		</div>	
		<!-- Section Heading End -->
		<div class="spacer spacer-75"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<div class="row">
					<div class="col-sm-6">
						<h2>About Us</h2>
						<p class="intro-text pad-top-min">
							<span class="dropcap">L</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor massa vitae bibendum imperdiet. Aenean sollicitudin odio nec neque viverra, vitae cursus lacus ultricies. Vivamus venenatis vel neque eget eleifend. Mauris vehicula felis quis tempus tincidunt. In hac habitasse platea dictumst. Mauris porta urna libero. Maecenas vitae elit a mauris luctus lacinia.
						</p>
						<p class="intro-text">
							Vestibulum nunc eros, placerat ac fringilla iaculis, laoreet eget urna. Ut eu mattis risus. Sed orci libero, molestie id suscipit vitae, eleifend et nisi. Aliquam erat volutpat. Quisque libero diam, sodales in nunc quis, volutpat gravida justo. In at urna lectus. Mauris porta urna libero. Maecenas vitae elit a mauris luctus lacinia.
						</p>
					</div>
					<div class="col-sm-6">
						<h2>Our Skills</h2>
						<!-- Icon Boxes -->
						<div class="icon-boxes">
							<!-- Icon Box -->
							<div class="icon-box animated left" data-animation="fadeInLeft">
								<!-- Icon Box Icon -->
								<div class="icon-box-icon">
									<i class="fa fa-pencil-square-o"></i>
								</div>
								<!-- Icon Box Icon End -->
								<!-- Icon Box Text -->
								<div class="icon-box-text">
									<h3>Stunning Responsive Design</h3>
									<p>
										41<span class="color">8</span>2 is built on the Bootstrap 3.1 framework to ensure a great user experience across all devices and browsers.
									</p>
								</div>
								<!-- Icon Box Text End -->
							</div>
							<!-- Icon Box End -->
							<!-- Icon Box -->
							<div class="icon-box pad-bottom animated left" data-animation="fadeInRight">
								<!-- Icon Box Icon -->
								<div class="icon-box-icon">
									<i class="fa fa-code"></i>
								</div>
								<!-- Icon Box Icon End -->
								<!-- Icon Box Text -->
								<div class="icon-box-text">
									<h3>HTML5 &amp; CSS3 Clean Code</h3>
									<p>
										We took great care to use clean HTML5 and CSS3 code in the creation of 41<span class="color">8</span>2, to ensure optimal performance, speed and SEO.
									</p>
								</div>
								<!-- Icon Box Text End -->
							</div>
							<!-- Icon Box End -->
							<!-- Icon Box -->
							<div class="icon-box animated left" data-animation="fadeInLeft">
								<!-- Icon Box Icon -->
								<div class="icon-box-icon">
									<i class="fa fa-font"></i>
								</div>
								<!-- Icon Box Icon End -->
								<!-- Icon Box Text -->
								<div class="icon-box-text">
									<h3>Beautiful Typography</h3>
									<p>
										41<span class="color">8</span>2 features a stunning use of typography all across the theme, creating a clean and minimalistic look and feel, drawing attention to the right places.
									</p>
								</div>
								<!-- Icon Box Text End -->
							</div>
							<!-- Icon Box End -->
						</div>
						<!-- Icon Boxes End -->
					</div>
				</div>
			</div>
			<!-- Section Content End -->
		</div>
		<!-- Section Content Wrapper End -->
	</div>
	<!-- Container End -->
</section>
<!-- About Section End -->

<!-- Team Member Section -->
<section id="team" class="team">
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-100"></div>
		<!-- Section Heading -->
		<div class="section-heading">
			<h1>Our Awesome Team</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">a quick tour of our team and what they do</p>
		</div>
		<!-- Section Heading End -->
		<div class="spacer spacer-100"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<!-- Team Member Navigation -->
				<div class="team-nav">
					<a class="nav-item nav-left fa fa-angle-left" ></a>
					<a class="nav-item nav-right fa fa-angle-right" ></a>
				</div>
				<!-- Team Member Navigation End -->
				<!-- Team Members -->
				<div class="team-members">
					<div class="row">
						<div class="col-sm-3">
							<!-- Team Member -->
							<div class="team-member animated" data-animation="bounceIn">
								<!-- Team Member Image -->
								<div class="team-member-img">
									<img src="<?= template_url() ?>img/stock/thumbs/dev1-thumb.jpg" alt=""/>
									<!-- Team Member More Button -->
									<div class="team-member-more">
										<a href="team/team-member.html" class="team-popup"><i class="fa fa-search"></i></a>
									</div>
									<!-- Team Member More Button End -->
								</div>
								<!-- Team Member Image End -->
								<!-- Team Member Info -->
								<div class="team-member-info">
									<!-- Team Member Name -->
									<div class="team-member-name">
										<h4>Mark Warren</h4>
									</div>
									<!-- Team Member Name End -->
									<!-- Team Member Position -->
									<div class="team-member-position">
										<p>Lead Designer</p>
									</div>
									<!-- Team Member Position End -->
									<!-- Team Member Bio -->
									<div class="team-member-bio">
										<p>
											Quisque dictum luctus dui at ultrices. Praesent in feugiat orci, sed dignissim magna.
										</p>
									</div>
									<!-- Team Member Bio End -->
									<div class="social">
										<a href="team/team-member.html" class="team-popup"><i class="fa fa-search"></i></a>
										<a href="#"><i class="fa fa-facebook"></i></a>
										<a href="#"><i class="fa fa-twitter"></i></a>
										<a href="#"><i class="fa fa-linkedin"></i></a>
										<a href="#"><i class="fa fa-youtube"></i></a>
									</div>
								</div>
								<!-- Team Member Info End -->
							</div>
							<!-- Team Member End -->
						</div>
						<div class="col-sm-3">
							<!-- Team Member -->
							<div class="team-member animated" data-animation="bounceIn">
								<!-- Team Member Image -->
								<div class="team-member-img">
									<img src="<?= template_url() ?>img/stock/thumbs/dev2-thumb.jpg" alt=""/>
									<!-- Team Member More Button -->
									<div class="team-member-more">
										<a href="team/team-member1.html" class="team-popup"><i class="fa fa-search"></i></a>
									</div>
									<!-- Team Member More Button End -->
								</div>
								<!-- Team Member Image End -->
								<!-- Team Member Info -->
								<div class="team-member-info">
									<!-- Team Member Name -->
									<div class="team-member-name">
										<h4>Samantha Jones</h4>
									</div>
									<!-- Team Member Name End -->
									<!-- Team Member Position -->
									<div class="team-member-position">
										<p>Senior Designer</p>
									</div>
									<!-- Team Member Position End -->
									<!-- Team Member Bio -->
									<div class="team-member-bio">
										<p>
											Quisque dictum luctus dui at ultrices. Praesent in feugiat orci, sed dignissim magna.
										</p>
									</div>
									<!-- Team Member Bio End -->
									<div class="social">
										<a href="team/team-member1.html" class="team-popup"><i class="fa fa-search"></i></a>
										<a href="#"><i class="fa fa-facebook"></i></a>
										<a href="#"><i class="fa fa-twitter"></i></a>
										<a href="#"><i class="fa fa-linkedin"></i></a>
										<a href="#"><i class="fa fa-youtube"></i></a>
									</div>
								</div>
								<!-- Team Member Info End -->
							</div>
							<!-- Team Member End -->
						</div>
						<div class="col-sm-3">
							<!-- Team Member -->
							<div class="team-member animated" data-animation="bounceIn">
								<!-- Team Member Image -->
								<div class="team-member-img">
									<img src="<?= template_url() ?>img/stock/thumbs/dev3-thumb.jpg" alt=""/>
									<!-- Team Member More Button -->
									<div class="team-member-more">
										<a href="team/team-member2.html" class="team-popup"><i class="fa fa-search"></i></a>
									</div>
									<!-- Team Member More Button End -->
								</div>
								<!-- Team Member Image End -->
								<!-- Team Member Info -->
								<div class="team-member-info">
									<!-- Team Member Name -->
									<div class="team-member-name">
										<h4>Rick Matthews</h4>
									</div>
									<!-- Team Member Name End -->
									<!-- Team Member Position -->
									<div class="team-member-position">
										<p>Lead Developer</p>
									</div>
									<!-- Team Member Position End -->
									<!-- Team Member Bio -->
									<div class="team-member-bio">
										<p>
											Quisque dictum luctus dui at ultrices. Praesent in feugiat orci, sed dignissim magna.
										</p>
									</div>
									<!-- Team Member Bio End -->
									<div class="social">
										<a href="team/team-member2.html" class="team-popup"><i class="fa fa-search"></i></a>
										<a href="#"><i class="fa fa-facebook"></i></a>
										<a href="#"><i class="fa fa-twitter"></i></a>
										<a href="#"><i class="fa fa-linkedin"></i></a>
										<a href="#"><i class="fa fa-youtube"></i></a>
									</div>
								</div>
								<!-- Team Member Info End -->
							</div>
							<!-- Team Member End -->
						</div>
						<div class="col-sm-3">
							<!-- Team Member -->
							<div class="team-member animated" data-animation="bounceIn">
								<!-- Team Member Image -->
								<div class="team-member-img">
									<img src="<?= template_url() ?>img/stock/thumbs/dev4-thumb.jpg" alt=""/>
									<!-- Team Member More Button -->
									<div class="team-member-more">
										<a href="team/team-member3.html" class="team-popup"><i class="fa fa-search"></i></a>
									</div>
									<!-- Team Member More Button End -->
								</div>
								<!-- Team Member Image End -->
								<!-- Team Member Info -->
								<div class="team-member-info">
									<!-- Team Member Name -->
									<div class="team-member-name">
										<h4>James Tyrell</h4>
									</div>
									<!-- Team Member Name End -->
									<!-- Team Member Position -->
									<div class="team-member-position">
										<p>Senior Developer</p>
									</div>
									<!-- Team Member Position End -->
									<!-- Team Member Bio -->
									<div class="team-member-bio">
										<p>
											Quisque dictum luctus dui at ultrices. Praesent in feugiat orci, sed dignissim magna.
										</p>
									</div>
									<!-- Team Member Bio End -->
									<div class="social">
										<a href="team/team-member3.html" class="team-popup"><i class="fa fa-search"></i></a>
										<a href="#"><i class="fa fa-facebook"></i></a>
										<a href="#"><i class="fa fa-twitter"></i></a>
										<a href="#"><i class="fa fa-linkedin"></i></a>
										<a href="#"><i class="fa fa-youtube"></i></a>
									</div>
								</div>
								<!-- Team Member Info End -->
							</div>
							<!-- Team Member End -->	
						</div>
					</div>
				</div>
				<!-- Team Members End -->
			</div>
			<!-- Section Content End -->
		</div>
		<!-- Section Content Wrapper End -->
	</div>
	<!-- Container End -->
	<div class="spacer spacer-100"></div>
</section>
<!-- Team Member Section End -->



<!-- Counters Section -->
<section class="counters grey-bg">
	<div class="spacer spacer-100"></div>
	<!-- Container -->
	<div class="container animated" data-animation="fadeInUp">
		<div class="row">
			<div class="col-xs-6 col-md-3 text-center">
				<div class="counter-cont">
					<!-- Counter -->
					<div class="counter">
						3268
					</div>
					<!-- Counter End -->
					<!-- Counter Caption -->
					<h4>Happy Customers</h4>
					<!-- Counter Caption End -->
				</div>

			</div>
			<div class="col-xs-6 col-md-3 text-center">
				<div class="counter-cont">
					<!-- Counter -->
					<div class="counter">
						392
					</div>
					<!-- Counter End -->
					<!-- Counter Caption -->
					<h4>Strips Of Bacon</h4>
					<!-- Counter Caption End -->
				</div>
			</div>
			<div class="col-xs-6 col-md-3 text-center">
				<div class="counter-cont">
					<!-- Counter -->
					<div class="counter">
						294
					</div>
					<!-- Counter End -->
					<!-- Counter Caption -->
					<h4>Pizzas Ordered</h4>
					<!-- Counter Caption End -->
				</div>
			</div>
			<div class="col-xs-6 col-md-3 text-center">
				<div class="counter-cont">
					<!-- Counter -->
					<div class="counter">
						458
					</div>
					<!-- Counter End -->
					<!-- Counter Caption -->
					<h4>Hours of Gaming</h4>
					<!-- Counter Caption End -->
				</div>
			</div>
		</div>
	</div>
	<!-- Container End -->
	<div class="spacer spacer-100"></div>
</section>
<!-- Counters Section End -->

<!-- Services Section -->
<section id="cellphone" class="cellphone">
	<!-- Overlay -->
	<div class="overlay overlay-3"></div>
	<!-- Overlay End -->
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Section Heading -->
		<div class="section-heading white">
			<h1>Điện thoại</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">all with your happiness in mind</p>
		</div>
		<!-- Section Heading End -->
		<div class="spacer spacer-25"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<!-- Services Navigation -->
				<div class="cellphone-nav">
					<a class="nav-item nav-left fa fa-angle-left" ></a>
					<a class="nav-item nav-right fa fa-angle-right" ></a>
				</div>
				<!-- Services Navigation End -->
				<!-- Service Items -->
				<div class="cellphone-items">
					<!-- Service Item -->
					<div class="cellphone-item">
						<!-- Service Item Icon -->
						<div class="cellphone-item-icon">
							<i class="fa fa-code"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="cellphone-item-info">
							<h3>Development</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="cellphone-item">
						<!-- Service Item Icon -->
						<div class="cellphone-item-icon">
							<i class="fa fa-pencil"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="cellphone-item-info">
							<h3>Design</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="cellphone-item">
						<!-- Service Item Icon -->
						<div class="cellphone-item-icon">
							<i class="fa fa-star"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="cellphone-item-info">
							<h3>5 Star Support</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="cellphone-item">
						<!-- Service Item Icon -->
						<div class="cellphone-item-icon">
							<i class="fa fa-mobile"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="cellphone-item-info">
							<h3>Mobile First Design</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="cellphone-item">
						<!-- Service Item Icon -->
						<div class="cellphone-item-icon">
							<i class="fa fa-bar-chart-o"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="cellphone-item-info">
							<h3>Analytics</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
				</div>
				<!-- Service Items End -->
				<a href="<?= base_url().'dien-thoai' ?>" class="btn btn-primary">Đặt hàng</a>
			</div>
			<!-- Section Content -->
		</div>
		<!-- Section Content Wrapper End -->
		<div class="spacer spacer-50"></div>
	</div>
	<!-- Container End -->
</section>
<!-- Service Section End -->

<section>
	<div class="container">
		<div class="spacer spacer-75"></div>
		<div class="section-content-wrapper">
			<div class="section-content">
				<div class="row">
					<div class="col-sm-7 animated" data-animation="fadeInLeft">
						<div class="spacer spacer-25"></div>
						<h1>Beauty In Every Way</h1>
						<div class="spacer spacer-25"></div>
						<p class="intro-text">
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consequat eros sollicitudin lacus pharetra vehicula. Sed consequat volutpat lectus, semper congue velit dictum ac. Nullam vitae euismod tellus, sed auctor nisi. Aliquam pharetra rhoncus arcu placerat dapibus. 
						</p>
						<p class="intro-text">
							Suspendisse potenti. Pellentesque tempus massa sapien, eu tincidunt justo volutpat vitae. Etiam sed neque dapibus, luctus ligula at, venenatis ipsum.
						</p>
						<div class="spacer spacer-25"></div>
						<a href="#" class="btn btn-lg btn-default">Read More</a>
					</div>
					<div class="col-sm-5 animated" data-animation="fadeInRight">
						<img src="<?= template_url() ?>img/stock/iphonedemo3.png" alt=""/>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<!-- Work Section (Portfolio Items) -->
<section id="product" class="product grey-bg">
	<!-- Container (Full Width) -->
	<div class="container full-container">
		<div class="spacer spacer-25"></div>
		<!-- Section Heading -->
		<div class="section-heading">
			<h1>Sản phẩm</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">Những sản phẩm thành công do khách hàng đã đặt!</p>
		</div>
		<!-- Section Heading -->
		<div class="spacer spacer-25"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<!-- Portfolio Filters -->
				<div class="portfolio-filters animated" data-animation="fadeInDown">
					<!-- Filter Items -->
					<ul id="filters">
						<!-- Filter Item -->
						<li><a href="#" data-filter="*" class="active">Tất cả</a></li>
						<!-- Filter Item End -->
						<!-- Filter Item -->
						<li><a href="#" data-filter=".cellphone">Điện thoại</a></li>
						<!-- Filter Item End -->
						<!-- Filter Item -->
						<li><a href="#" data-filter=".may-tinh-bang">Máy tính bảng</a></li>
						<!-- Filter Item End -->
						<!-- Filter Item -->
						<li><a href="#" data-filter=".ly">Ly</a></li>
						<!-- Filter Item End -->
					</ul>
					<!-- Filter Items End -->
				</div>
				<!-- Portfolio Filters End -->
				<!-- Portfolio Items -->
				<div class="portfolio-items white">
					<!-- Portfolio Item -->
					<div class="portfolio-item cellphone">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/team-thumb.jpg" alt="" width="250"/>
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item cellphone">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/designbooks-thumb.jpg" alt="" />
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item cellphone">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/catboss-thumb.jpg" alt="" />
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item may-tinh-bang">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/working-thumb.jpg" alt="" />
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item may-tinh-bang">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/colors-thumb.jpg" alt="" />
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item may-tinh-bang">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/businesscards-thumb.jpg" alt="" />
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item may-tinh-bang">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/glasses-thumb.jpg" alt="" />
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
					<!-- Portfolio Item -->
					<div class="portfolio-item ly">
						<!-- Portfolio Item Inner -->
						<div class="portfolio-item-inner">
							<!-- Portfolio Item Image -->
							<div class="portfolio-item-img">
								<img src="<?= template_url() ?>img/stock/thumbs/webdesign-thumb.jpg" alt="" width="250"/>
							</div>
							<!-- Portfolio Item Image End -->
						</div>
						<!-- Portfolio Item Inner End -->
					</div>
					<!-- Portfolio Item End -->
				</div>
				<!-- Portfolio Items End -->
			</div>
			<!-- Section Content End -->
		</div>
		<!-- Section Content Wrapper End -->
	</div>
	<!-- Container (Full Width) End -->
</section>
<!-- Work Section (Portfolio Items) End -->

<!-- Quote Block Section -->
<div class="quote-block grey-bg open-sans">
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Quote Wrapper -->
		<div class="quote-wrapper">
			<p>
				Những sản phẩm do chính ta chúng tôi thiết kế và in ấn, nó thật sự rất đẹp!
			</p>
		</div>
		<!-- Quote Wrapper End -->
		<div class="spacer spacer-25"></div>
	</div>
	<!-- Container End -->
</div>
<!-- Quote Block Section End -->

<!-- Testimonials Section -->
<section id="glass" class="glass">
	<!-- Overlay -->
	<div class="overlay overlay-3"></div>
	<!-- Overlay End -->
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Section Heading -->
		<div class="section-heading white">
			<h1>Ly</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">all with your happiness in mind</p>
		</div>
		<!-- Section Heading End -->
		<div class="spacer spacer-25"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<!-- Services Navigation -->
				<div class="glass-nav">
					<a class="nav-item nav-left fa fa-angle-left" ></a>
					<a class="nav-item nav-right fa fa-angle-right" ></a>
				</div>
				<!-- Services Navigation End -->
				<!-- Service Items -->
				<div class="glass-items">
					<!-- Service Item -->
					<div class="glass-item">
						<!-- Service Item Icon -->
						<div class="glass-item-icon">
							<i class="fa fa-code"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="glass-item-info">
							<h3>Development</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="glass-item">
						<!-- Service Item Icon -->
						<div class="glass-item-icon">
							<i class="fa fa-pencil"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="glass-item-info">
							<h3>Design</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="glass-item">
						<!-- Service Item Icon -->
						<div class="glass-item-icon">
							<i class="fa fa-star"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="glass-item-info">
							<h3>5 Star Support</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="glass-item">
						<!-- Service Item Icon -->
						<div class="glass-item-icon">
							<i class="fa fa-mobile"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="glass-item-info">
							<h3>Mobile First Design</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="glass-item">
						<!-- Service Item Icon -->
						<div class="glass-item-icon">
							<i class="fa fa-bar-chart-o"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="glass-item-info">
							<h3>Analytics</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
				</div>
				<!-- Service Items End -->
				<a href="<?= base_url().'ly' ?>" class="btn btn-primary">Đặt hàng</a>
			</div>
			<!-- Section Content -->
		</div>
		<!-- Section Content Wrapper End -->
		<div class="spacer spacer-50"></div>
	</div>
	<!-- Container -->
</section>
<!-- Testimonials Section -->

<!-- Clients Section -->
<div id="clients" class="clients grey-bg ">
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Client Items -->
		<div class="client-items">
			<!-- Client Item -->
			<div class="client-item">
				<a href="#">
					<img src="<?= template_url() ?>img/clients/logo1.png" alt="" />
				</a>
			</div>
			<!-- Client Item End -->
			<!-- Client Item -->
			<div class="client-item">
				<a href="#">
					<img src="<?= template_url() ?>img/clients/logo2.png" alt="" />
				</a>
			</div>
			<!-- Client Item End -->
			<!-- Client Item -->
			<div class="client-item">
				<a href="#">
					<img src="<?= template_url() ?>img/clients/logo3.png" alt="" />
				</a>
			</div>
			<!-- Client Item End -->
			<!-- Client Item -->
			<div class="client-item">
				<a href="#">
					<img src="<?= template_url() ?>img/clients/logo1.png" alt="" />
				</a>
			</div>
			<!-- Client Item End -->
			<!-- Client Item -->
			<div class="client-item">
				<a href="#">
					<img src="<?= template_url() ?>img/clients/logo2.png" alt="" />
				</a>
			</div>
			<!-- Client Item End -->
			<!-- Client Item -->
			<div class="client-item">
				<a href="#">
					<img src="<?= template_url() ?>img/clients/logo3.png" alt="" />
				</a>
			</div>
			<!-- Client Item End -->
		</div>
		<!-- Client Items End -->
		<div class="spacer spacer-25"></div>
	</div>
	<!-- Container End -->
</div>
<!-- Client Section End -->

<!-- Social Section -->
<section id="social" class="social">
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Section Heading -->
		<div class="section-heading">
			<h1>Kết nối mạng xã hội</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">follow - share - like</p>
		</div>
		<!-- Section Heading End -->
		<div class="spacer spacer-25"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<!-- Social Boxes -->
				<div class="social-boxes animated" data-animation="fadeInUp">
					<div class="row">
						<div class="col-sm-3">
							<!-- Social Box -->
							<div class="social-box facebook">
								<div class="spacer spacer-50"></div>
								<!-- Social Box Icon -->
								<div class="social-box-icon">
									<a href="#">
										<i class="fa fa-facebook"></i>
									</a>
								</div>
								<!-- Social Box Icon End -->
								<div class="spacer spacer-25"></div>
								<!-- Social Box Text -->
								<div class="social-box-text">
									<h3>Facebook</h3>
									<p>Like Us</p>
								</div>
								<!-- Social Box Text End -->
								<div class="spacer spacer-25"></div>
							</div>
							<!-- Social Box End -->
						</div>
						<div class="col-sm-3">
							<!-- Social Box -->
							<div class="social-box youtube">
								<div class="spacer spacer-50"></div>
								<!-- Social Box Icon -->
								<div class="social-box-icon">
									<a href="#">
										<i class="fa fa-youtube"></i>
									</a>
								</div>
								<!-- Social Box Icon End -->
								<div class="spacer spacer-25"></div>
								<!-- Social Box Text -->
								<div class="social-box-text">
									<h3>Youtube</h3>
									<p>Subscribe</p>
								</div>
								<!-- Social Box Text End -->
								<div class="spacer spacer-25"></div>
							</div>
							<!-- Social Box End -->
						</div>
						<div class="col-sm-3">
							<!-- Social Box -->
							<div class="social-box google">
								<div class="spacer spacer-50"></div>
								<!-- Social Box Icon -->
								<div class="social-box-icon">
									<a href="#">
										<i class="fa fa-google-plus"></i>
									</a>
								</div>
								<!-- Social Box Icon End -->
								<div class="spacer spacer-25"></div>
								<!-- Social Box Text -->
								<div class="social-box-text">
									<h3>Google+</h3>
									<p>Join Our Circle</p>
								</div>
								<!-- Social Box Text End -->
								<div class="spacer spacer-25"></div>
							</div>
							<!-- Social Box End -->
						</div>
						<div class="col-sm-3">
							<!-- Social Box -->
							<div class="social-box twitter">
								<div class="spacer spacer-50"></div>
								<!-- Social Box Icon -->
								<div class="social-box-icon">
									<a href="#">
										<i class="fa fa-twitter"></i>
									</a>
								</div>
								<!-- Social Box Icon End -->
								<div class="spacer spacer-25"></div>
								<!-- Social Box Text -->
								<div class="social-box-text">
									<h3>Twitter</h3>
									<p>Follow Us</p>
								</div>
								<!-- Social Box Text End -->
								<div class="spacer spacer-25"></div>
							</div>
							<!-- Social Box End -->
						</div>
					</div>
				</div>
				<!-- Section Boxes End -->
			</div>
			<!-- Section Content End -->
		</div>
		<!-- Section Content Wrapper End -->
		<div class="spacer spacer-100"></div>
	</div>
	<!-- Container End -->
</section>
<!-- Social Section End -->

<!-- Order Section -->
<section id="tablet" class="tablet">
	<!-- Overlay -->
	<div class="overlay overlay-3"></div>
	<!-- Overlay End -->
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Section Heading -->
		<div class="section-heading white">
			<h1>Máy tính bảng</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">all with your happiness in mind</p>
		</div>
		<!-- Section Heading End -->
		<div class="spacer spacer-25"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content -->
			<div class="section-content">
				<!-- Services Navigation -->
				<div class="tablet-nav">
					<a class="nav-item nav-left fa fa-angle-left" ></a>
					<a class="nav-item nav-right fa fa-angle-right" ></a>
				</div>
				<!-- Services Navigation End -->
				<!-- Service Items -->
				<div class="tablet-items">
					<!-- Service Item -->
					<div class="tablet-item">
						<!-- Service Item Icon -->
						<div class="tablet-item-icon">
							<i class="fa fa-code"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="tablet-item-info">
							<h3>Development</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="tablet-item">
						<!-- Service Item Icon -->
						<div class="tablet-item-icon">
							<i class="fa fa-pencil"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="tablet-item-info">
							<h3>Design</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="tablet-item">
						<!-- Service Item Icon -->
						<div class="tablet-item-icon">
							<i class="fa fa-star"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="tablet-item-info">
							<h3>5 Star Support</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="tablet-item">
						<!-- Service Item Icon -->
						<div class="tablet-item-icon">
							<i class="fa fa-mobile"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="tablet-item-info">
							<h3>Mobile First Design</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
					<!-- Service Item -->
					<div class="tablet-item">
						<!-- Service Item Icon -->
						<div class="cellphone-item-icon">
							<i class="fa fa-bar-chart-o"></i>
						</div>
						<!-- Service Item Icon End -->
						<!-- Service Item Info -->
						<div class="tablet-item-info">
							<h3>Analytics</h3>
							<p>
								Cras euismod risus ultricies consectetur consectetur. Integer lobortis felis quis justo tempor, sed sagittis risus lobortis.
							</p>
						</div>
						<!-- Service Item Info End -->
					</div>
					<!-- Service Item End -->
				</div>
				<!-- Service Items End -->
				<a href="<?= base_url().'may-tinh-bang' ?>" class="btn btn-primary">Đặt hàng</a>
			</div>
			<!-- Section Content -->
		</div>
		<!-- Section Content Wrapper End -->
		<div class="spacer spacer-25"></div>
	</div>
	<!-- Container End -->
</section>
<!-- Order Section End -->

<!-- Contact Section -->
<section id="contact" class="">
	<!-- Contact Wrapper -->
	<div class="contact-wrapper">
		<!-- Contact Form Container -->
		<div class="contact-form-container push-bottom">
			<div class="spacer spacer-75"></div>
			<!-- Section heading -->
			<div class="section-heading">
				<h1>Liên hệ với chúng tôi</h1>
				<div class="divider divider-1">x</div>
				<p class="lead">a simple way to get in touch</p>
			</div>
			<!-- Section Heading End -->
			<div class="spacer spacer-75"></div>
			<!-- Alert -->
			<div class="alert alert-danger alert-dismissable">
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
				<strong>Oops!</strong> Unfortunately the message could not be sent at this time, please try again later.
			</div>
			<!-- Alert End -->
			<!-- Alert -->
			<div class="alert alert-success alert-dismissable">
				<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
				<strong>Thank You!</strong> The message was sent successfully. We will contact you as soon as possible.
			</div>
			<!-- Alert End -->
			<!-- Contact Form -->
			<form id="contact-form" method="post" action="#">
				<!-- Form Group -->
				<div class="form-group">
					<input type="text" class="form-control" name="contact-name" placeholder="Tên đầy đủ" required>
				</div>
				<!-- Form Group End -->
				<!-- Form Group -->
				<div class="form-group">
					<input type="email" class="form-control" name="contact-email" placeholder="Email" required>
				</div>
				<!-- Form Group End -->
				<!-- Form Group -->
				<div class="form-group">
					<input type="text" class="form-control" name="contact-subject" placeholder="Tiêu đề">
				</div>
				<!-- Form Group End -->
				<!-- Form Group -->
				<div class="form-group">
					<textarea class="form-control" name="contact-message" placeholder="Nội dung" required></textarea>
				</div>
				<!-- Form Group End -->
				<!-- Form Group -->
				<div class="form-group">
					<button type="submit" name="contact-btn" class="btn btn-primary btn-lg">Send</button>
				</div>
				<!-- Form Group End -->
			</form>
			<!-- Contact Form End -->
			<div class="spacer spacer-25"></div>
		</div>
		<!-- Contact Form Container End -->
		<!-- Contact Form Map -->
		<div class="contact-form-map-cont">
			<div class="contact-form-map"></div>
		</div>
		<!-- Contact Form map End -->
	</div>
	<!-- Contact Wrapper -->
</section>
<!-- Contact Section End -->

<!-- Contact Info Section -->
<section class="contact-info">
	<!-- Overlay -->
	<div class="overlay overlay-3"></div>
	<!-- Overlay End -->
	<!-- Container -->
	<div class="container">
		<div class="spacer spacer-25"></div>
		<!-- Section Heading -->
		<div class="section-heading white">
			<h1>Thông tin liên lạc</h1>
			<div class="divider divider-1">x</div>
			<p class="lead">can't wait to hear from you</p>
		</div>
		<!-- Section Heading End -->
		<div class="spacer spacer-25"></div>
		<!-- Section Content Wrapper -->
		<div class="section-content-wrapper">
			<!-- Section Content End -->
			<div class="section-content">
				<!-- Contact Info Block -->
				<div class="contact-info-block">
					<div class="row">
						<div class="col-sm-4">
							<!-- Contact Item -->
							<div class="contact-item">
								<!-- Contact Item Icon -->
								<div class="contact-item-icon">
									<i class="fa fa-phone"></i>
								</div>
								<!-- Contact Item Icon -->
								<!-- Contact Item Text -->
								<div class="contact-item-text number">
									<p>012 345 6789</p>
								</div>
								<!-- Contact Item Text End -->
							</div>
							<!-- Contact Item End -->
						</div>
						<div class="col-sm-4">
							<!-- Contact Item -->
							<div class="contact-item">
								<!-- Contact Item Icon -->
								<div class="contact-item-icon">
									<i class="fa fa-building-o"></i>
								</div>
								<!-- Contact Item Icon -->
								<!-- Contact Item Text -->
								<div class="contact-item-text">
									<p>STREET NAME 2318 <br> New York City <br> USA</p>
								</div>
								<!-- Contact Item Text End -->
							</div>
							<!-- Contact Item End -->
						</div>
						<div class="col-sm-4">
							<!-- Contact Item -->
							<div class="contact-item">
								<!-- Contact Item Icon -->
								<div class="contact-item-icon">
									<i class="fa fa-envelope-o"></i>
								</div>
								<!-- Contact Item Icon -->
								<!-- Contact Item Text -->
								<div class="contact-item-text">
									<a href="mailto:support@company.com">support@company.com</a>
								</div>
								<!-- Contact Item Text End -->
							</div>
							<!-- Contact Item End -->
						</div>
					</div>
				</div>
				<!-- Contact Info Block -->
			</div>
			<!-- Section Content End -->
		</div>
		<!-- Section Content Wrapper End -->
		<div class="spacer spacer-25"></div>
	</div>
	<!-- Container End -->
</section>
<!-- Contact Info Section End -->